import { h } from 'preact'
import { Link } from 'preact-router/match'

import Drawer from 'preact-material-components/esm/Drawer'
import List from 'preact-material-components/esm/List'
import 'preact-material-components/Drawer/style.css'
import 'preact-material-components/List/style.css'

export default ({ children}) => (
    <Drawer.PermanentDrawer spacer={true}>
        <Drawer.DrawerContent>
            {children}
        </Drawer.DrawerContent>
    </Drawer.PermanentDrawer>
)
{/* <Drawer.DrawerHeader className="mdc-theme--primary-bg">
Components
</Drawer.DrawerHeader> */}
